<seed-content>
  <seed-toolbar-header>
    <seed-toolbar-title>社区</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <seed-infinite-scroll (infiniteScroll)="getChoiceFeed()">
    <div id="community" class="gray-background">
      <seed-cycle [slides]="banners" (clicked)="goToBannerTarget($event)"></seed-cycle>
      <div class="circle-nav" *ngIf="myCircles.length>0">
        <div class="md-title">
          <h2>我的圈子</h2>
          <p class="right-arrow-icon" [routerLink]="['/community/circle/mine']">查看全部</p>
        </div>
        <circle-nav [navList]="myCircles"></circle-nav>

      </div>
      <!-- *ngIf="hotCircles.length>0" -->
      <div class="circle-nav" *ngIf="hotCircles.length>0">
        <div class="md-title">
          <h2>热门圈子</h2>
          <div class="more seed-flexbox">
            <p class="right-arrow-icon" [routerLink]="['/community/circle/all']">查看全部</p>
          </div>
        </div>
        <circle-nav [navList]="hotCircles"></circle-nav>
        <p class="change" (click)="changeHotCircle()" *ngIf="hotCircles.length>4">换一换</p>
      </div>
      <div class="circle-feed">
        <div class="md-title">
          <h2>精华帖</h2>
        </div>
        <!-- <seed-feed-profile [feeds]="feeds"></seed-feed-profile> -->
        <div class="feed-list">
          <circle-feed [feeds]="primeFeeds" [haveData]="stateStore.haveFeeds" [showTag]="true"></circle-feed>
        </div>
        <!-- <seed-default-graph [text]="'暂无帖子'" [url]="'noData'"></seed-default-graph> -->
      </div>
    </div>
    <seed-infinite-scroll-content *ngIf="primeFeeds.length>0"></seed-infinite-scroll-content>
  </seed-infinite-scroll>
</seed-content>
